<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>蓝桥登录系统</title>
<!-- start Placed at the end of the document so the pages load faster -->
<script src="jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
<jsp:include page="bootstrap/inc/inc.jsp"></jsp:include>
<style>
* {
	margin: 0;
	padding: 0;
}

.logo {
	margin-left: 225px;
	margin-top: 0px;
}

.back {
	background: #499fcc;
	height: 476px;
	width: 100%;
	margin-top: 0px;
}

.img {
	float: left;
	position: absolute;
	margin-left: 200px;
}

.login {
	width: 350px;
	position: absolute;
	margin-top: 35px;
	margin-left: 760px;
	padding: 0px 20px 30px 20px;
	background: white;
	border-radius: 6px;
}

.forget {
	float: right;
	margin-right: 84px;
	margin-bottom: 20px;
	font-size: 11px;
}

.form-group {
	margin-top: 10px;
	margin-bottom: 25px;
}

div.word a {
	text-decoration: none;
}

.word {
	width: 1366px;
	margin-top: 10px;
	position: absolute;
}

.h {
	font-family: "微软雅黑";
}

.lordError {
	float: right;
	margin-right: 80px;
	margin-top: 10px;
	font-size: 12px;
}
</style>
</head>

<body>


	<input type="hidden" id="projectContext" value="">
	<div class="logo">
		<img src="bootstrap/imgs/lanqiao.png" />
	</div>

	<div class="back">
		<div class="img">
			<img src="bootstrap/imgs/login.png" />
		</div>
		<div class="login">
			<h1 class="h">欢迎登录</h1>
			<h6 style="color: red;"></h6>

			<!-- 登录页面跳转链接 方法 -->
			<form action="LoginServlet" method="post">

				<div class="form-group form-group-lg">
					<div class="input-group">
						<span class="input-group-addon"><span
							class="glyphicon glyphicon-user"></span></span> <input type="text"
							class="form-control" name="txtusernum" placeholder="请输入用户名">
					</div>
				</div>

				<div class="form-group form-group-lg">
					<div class="input-group">
						<span class="input-group-addon"><span
							class="glyphicon glyphicon-lock"></span></span> <input type="password"
							class="form-control" name="txtuserpsw" placeholder="请输入密码">
					</div>
				</div>

				<div class="row">
					<div class="col-xs-5">
						<input type="text" class="form-control" name="checkcode"
							autocomplete="off" placeholder="请输入验证码">
					</div>
					<img alt="验证码" id="checkcodeImage"
						src="/pages/common/checkcode.jsp"> <a href="#"
						class="forget" id="changeCode">看不清，换一张？</a>
				</div>

				<button type="submit" class="btn btn-lg btn-primary btn-block">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
				<a href="#" data-toggle="modal" data-target="#myModalLordError"
					class="lordError" id="lordError">登录不了？</a> <a
					href="/passwordForget.jsp" id="forgetPwd" class="lordError">忘记密码？</a>
			</form>
		</div>
	</div>

	<div class="container word">
		<p class="text-center">蓝桥软件学院 LANQIAO.ORG 版权所有©</p>
	</div>

</body>

</html>